@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666; background:#f3f3f3;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}
h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#666; text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1200px; margin:0 auto; clear:both;}
.clear{ clear:both;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.ml40{ margin-left:40px;}
.block5{ clear:both; height:5px;}
.block10{ clear:both; height:10px;}
.block15{ clear:both; height:15px;}
.block20{ clear:both; height:20px;}
.block25{ clear:both; height:25px;}
.block30{ clear:both; height:30px;}
.block40{ clear:both; height:40px;}
.block50{ clear:both; height:50px;}
.block64{ clear:both; height:64px;}
.block70{ clear:both; height:70px;}
.block80{ clear:both; height:80px;}

img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}
img.zoom-img {-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}

/*头部*/
.tel{ display:block; float:right; overflow:hidden; font:14px/24px "微软雅黑"; color:#7d0303; background: url(../images/tel.jpg) left center no-repeat; padding-left:70px; margin-top:38px;}
.tel span{ color: #666; margin-right: 5px;}
.tel p{ display: block; font-size:30px; font-family:"Impact";}

.bjbs { background:#fff;}

.navdiv{ height:64px;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.nav{padding:0; height:64px; line-height:64px; position:relative; z-index:1;text-align:center; font-family:"微软雅黑"; }
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight:normal; }
.nav .nLi h3 a{ display:block; width:170px; line-height:64px; font-size:17px;}
.nav .nLi h3 a:hover{color:#fff; text-decoration:none; background:#7d0303;}
.nav .sub{ display:none; width:170px; left:0px; top:64px;  position:absolute; line-height:45px; background:#7d0303;}
.nav .sub li{ zoom:1; font-size:14px;}
.nav .sub a{ display:block; width:170px; color:#fff; background:rgba(255,255,255,0.1); }
.nav .sub a:hover{background:rgba(255,255,255,0.3); color:#fff; text-decoration:none;}
.nav .on h3 a{ background:#7d0303;  color:#fff;}
.navbj{background:#7d0303;}

/*banner*/
.slideBox{ width:100%; height:560px;; overflow:hidden; position:relative;}
.slideBox .bd{width:100%; height:560px;; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }
.slideBox .bd li{width:100%; height:560px;; overflow:hidden;}
.slideBox .bd li a{width:100%; height:560px;; overflow:hidden; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}
.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}



/*产品展示*/
.bt1{ border-top:1px solid #ccc; text-align: center;}
.bt1 span{ display:inline-block; height: 46px; padding: 0 20px; background: #f3f3f3; text-align: center; font:36px/46px "微软雅黑"; color:#636363; margin-top: -34px;}
.bt2{ display:block; text-align:center; font:16px/30px "微软雅黑"; color:#999; text-transform: uppercase; letter-spacing:6px;}
.cpfl{ background: #7d0303; padding:8px; width:1184px; margin:0 auto;}
.cpfl_t1{ width: 170px; float: left; text-align: center; font:12px/30px "微软雅黑"; color:#fff; text-transform: uppercase;}
.cpfl_t1 span{ display:block; font-size:24px; margin-top: 30px;}
.cpfl_t2{ float:right; width:980px; padding:16px; background:#fff;}
.cpfl_t2 li{ float:left; display:inline-block; font:14px/36px "微软雅黑"; margin: 5px; }
.cpfl_t2 li a{ display:inline-block; padding:0 15px; height:36px; border: 1px solid #000; color:#000; }
.cpfl_t2 li.cpfl_t3 a, .cpfl_t2 li a:hover{ display:inline-block; border: 1px solid #f3f3f3; color:#fff; background:#7d0303;}



.cp{ padding: 0;}
.cp li{ padding:5px; background:#fff; display: block; float: left; margin:10px; width:270px;}
.cp li:hover{ display: block; box-shadow: 0 0 10px gray; }
.cp_ps{ width: 270px; height:200px; overflow:hidden;}
.cp_ps img{ width:  270px; height:270px; overflow:hidden;}
.cp_t1{display: block; font:18px/50px "微软雅黑"; text-align: center;}
.cp_t1 a{ color: #333;}
.cp_t1 a:hover{ display: block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}

.dh_box{ text-align: center; font:18px/56px "微软雅黑"; }
.dh_t1{ display: inline-block; padding:0 16px; border:1px solid #7d0303; color:#666;}
.dh_t2{ display: inline-block;padding: 0; margin-left: -5px;}
.dh_t2 a{ display: inline-block; width: 170px; border:1px solid #7d0303; color:#fff; background:#7d0303;}
.dh_t2 a:hover{ display: inline-block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.dh_t3{ display: inline-block;padding: 0; margin-left: -5px;}
.dh_t3 a{ display: inline-block; width: 170px; border:1px solid #7d0303; color:#333; background:#fff;}
.dh_t3 a:hover{ display: inline-block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}



/*关于我们*/
.jj_ps{ width:520px; height:362px; position: relative; background:#f3f3f3; float: left; margin-left:30px;}
.jj_ps img{ width:520px; height:362px; overflow:hidden; position: absolute; top:-20px; left:-20px;}
.jj_box{ width:570px; float: right;  margin-right:44px; }
.jj_01{ border-left: 5px solid #7d0303; height: 90px; line-height:36px; overflow:hidden; clear:both; color:#636363; margin-left:10px;}
.jj_01 h3{ font-weight:normal; font-size:16px; text-transform:uppercase; padding-left:20px; }
.jj_01 h3 i{ display:block; font-style:normal; font-size:36px; margin-top:10px;}
.jj_02{ float:right; height:40px; line-height:40px; display:inline; margin-right:10px;  margin-top:50px; font-family:"微软雅黑"; overflow:hidden;}
.jj_02 a{ color:#666; font-size:16px;}
.jj_02 a:hover{ color:#7d0303; text-decoration:none;}
.jj_03{ height:132px; overflow:hidden; font:15px/28px "微软雅黑"; color:#666; padding:10px;}
.jj_04{ width:172px; height:46px; overflow:hidden; font:16px/46px "微软雅黑";text-align:center;}
.jj_04 a{ display: block; color: #fff; background:#7d0303; }
.jj_04 a:hover{ display: block;  filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}



/*案例展示*/
.case{padding: 0;}
.case li{ padding:5px; background:#fff; display: block; float: left; margin:10px; width:370px;}
.case li:hover{ display: block; box-shadow: 0 0 10px gray;}
.cp_ps2{ width: 370px; height:270px; overflow:hidden;}
.cp_ps2 img{ width:  370px; height:370px; overflow:hidden;}
.cp_ps3{ width:370px; height:280px; overflow:hidden;}
.cp_ps3 img{ width:370px; height:280px; overflow:hidden;}



/*新闻中心*/
.xw_ps{ width:450px; height:350px; position: relative; background:#f3f3f3; float: left; margin-left:30px;}
.xw_ps img{ width:450px; height:350px; overflow:hidden; position: absolute; top:-20px; left:-20px;}

.xw{ width:600px; float:right; overflow:hidden;}
.xw dl{ cursor:pointer; position:relative; height:98px; margin-bottom:10px; background: url(../images/news04.png) no-repeat 910px center #f3f3f3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.xw dl dt{ float:left; width:140px; padding:0 0 0 67px; font-size:40px; color:#7d0303; line-height:98px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.xw dl dd{ float:left; width:340px; font-size:14px; color:#666; line-height:26px; padding-top:20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.xw dl dd span{ display:block; font-size:18px; color:#1d1d1d; height:29px; overflow:hidden;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.xw dl:hover{ background:#7d0303 url(../images/news03.png) no-repeat 540px center;}
.xw dl:hover dt{ padding-left:29px; color:#fff;}
.xw dl:hover dd{ color:#fff;}
.xw dl:hover dd span{ color:#fff;}



/*底部*/
.bjls{ background:#7d0303;}
.bt3{ font-size: 20px; font-family: "微软雅黑"; color: #fff; filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.bt3 span{ font-size:36px; margin-right: 10px;}
.link{line-height:35px; padding:10px 10px; color:#fffcfc; background:rgba(255,255,255,0.1);}
.link a{ margin:0 10px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease; text-decoration: none; color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.link a:hover{padding:0px 10px; filter:alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;}
.b1{ font: 14px/30px "微软雅黑"; color: #fff;}
.b1 a{color: #fff;}
.b1 a:hover{filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.b1 span{padding:0 10px;}
.b3{ border-bottom:1px solid rgba(255,255,255,0.1);}

.nLi .layui-icon{color: #fff; font-size: 24px;}

/*漂浮*/
.lxdiv{ display: block; width:55px; min-height:224px; position:fixed; right:1%; bottom:40%; z-index:999999; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lx{ line-height:40px; position:relative; z-index:1;}
.lx a{ color:#333;  }
.lx .nLi{ display:inline; width:120px; }
.lx .nLi h3{ display:block; text-align:center; width:55px; height:55px; background:rgba(125,3,3,0.8); position: relative;z-index:9999; margin-bottom:1px;}
.lx .nLi h3 a{ display:block; width:35px; height:35px; padding:10px; font:300 14px/17px Microsoft YaHei; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.lx .nLi h3 a:hover{background:#fefcfd; color:#333132; text-decoration:none;text-align: center; z-index: -1;}
.lx .nLi h3 a em {text-align:left; color:#333132; cursor:pointer; display:none; font-style:normal;}
.lx .on h3 a em{ background:#fff; color:#666; }
.lx .pfz_01{ display:none; width:140px; left:-161px; top:56px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee; border-width: 1px 0 1px 1px;}
.lx .pfz_02{ display:none; width:140px; left:-161px; top:112px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:8px 10px; border:1px solid #eee;}
.lx .pfz_03{ display:none; width:140px; left:-161px; bottom:1px; position:absolute; background:rgba(255,255,255,1); zoom:1; padding:10px 10px; border:1px solid #eee;}

.zx,.fh,.kf,.sm{display:block;width:35px;height:35px;background:url(../images/siderbarpic.png);overflow:hidden;}
.fh{background-position:-8px -8px;}
.kf{background-position:-8px -60px;}
.zx{background-position:-8px -112px;}
.sm{background-position:-8px -164px;}

.qqbj{ height:30px; font-size: 13px; line-height:30px; margin-top:5px; border-radius:30px; display: block; overflow: hidden; border: 1px solid #eee; padding-left:42px; background: url(../images/qq.png) 10px center no-repeat;text-align:left; color: #999;}
.qqbj:hover{ display: block; filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.ewm{ text-align:center; font:15px/41px "微软雅黑";}
.ewm img{ width:140px; height:140px; overflow:hidden; margin: 0 auto;}
.dh01{ text-align:center; font:14px/34px "微软雅黑"; border-bottom:1px solid #eee;}
.dh02{ text-align:center; font:20px/24px "Impact"; color:#666;}


/*===================inlayout====================*/
#category {	text-align: center;	padding-bottom:10px; overflow:hidden; padding-top:10px; }
#category li {display: inline-block; margin-bottom:5px; font-size: 15px; line-height: 16px;	height:16px; padding: 12px 25px;	color:#fff; background:#7d0303; margin-right:4px; display: inline-block;transition:all 0.3s ease-out 0s;}
#category li a {line-height: 16px;	height:16px; padding: 12px 25px;	color:#fff; background:#7d0303; margin-right:4px; display: inline-block;transition:all 0.3s ease-out 0s;}
#category li.active a, #category li a:hover { background:#7d0303; color:#fff; text-decoration:none; filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}



.weizhi{ display:block; color:#999;font-size:14px; line-height:40px; width:830px; margin:0 auto; font-family:"微软雅黑"; background:url(../images/dh.png) 340px center no-repeat; padding-left:370px;}
.weizhi a{ color:#717070; text-decoration:none;}
.weizhi a:hover{ color:#b28238;}

.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 15px 30px 15px; font-family:"微软雅黑";}
.page_con img{ max-width:1170px; height:auto; width:expression(this.width > 1170 ? "1170px" : this.width); overflow:hidden;}
.con_title{text-align:center; font-size:20px; font-family:"微软雅黑"; margin-top:20px;}
.author{ text-align:center; font-size:12px; border-bottom:#ccc dashed 1px; height:28px; line-height:28px; font-family:"微软雅黑"; margin:5px 0px 10px 0px;}
.fy{ margin-top: 30px; margin-bottom:20px; border-top:#ccc 1px dashed; padding-left:10px; padding-top:7px; line-height:30px; font-size:14px;}
.fy a:hover{ color:#b28238; text-decoration:none;}


/*页码*/
.pages { overflow:hidden; margin: 0 auto; padding-top: 20px; width: 1200px;}
.pages li{float: left; margin-right: 10px;}
.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}
.pages a:hover { background:#292929; border-color:#292929; color:#fff; text-decoration:none; }
.pages span { display:inline-block; height:34px;padding:0 12px; line-height:34px; background:#292929; border:1px solid #292929; color:#fff; text-align:center; }
.lxtanble p{ margin: 0; font-size: 12px; color: #666; }


/*内页资讯*/
.news{ padding-top:0px; overflow:hidden;}
.news dl{ cursor:pointer; position:relative; height:98px; margin-bottom:10px; background: url(../images/news04.png) no-repeat 910px center #f9fafb;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news dl dt{ float:left; width:167px; padding:0 0 0 87px; font-size:40px; color:#7d0303; line-height:98px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news dl dd{ float:left; width:860px; font-size:14px; color:#666; line-height:29px; padding-top:10px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news dl dd span{ display:block; font-size:18px; color:#1d1d1d; height:29px; overflow:hidden;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.news dl:hover{ background:#7d0303 url(../images/news03.png) no-repeat 1165px center;}
.news dl:hover dt{ padding-left:29px; color:#fff;}
.news dl:hover dd{ color:#fff;}
.news dl:hover dd span{ color:#fff;}


/*在线留言*/
.message{ text-align:center; margin:50px; width:40%; float: left;}
.wb14{font-family:Times New Roman; font-size:50px; color:#ccc; text-align:center;}
.wb15{ font-size:13px; color:#333; text-align:center;}
.wb16{ font-size:13px; color:#ccc; text-align:center; line-height:30px;}
.kuan{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px;}
.kuan3{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:410px;height:30px;line-height:30px; font-family:"微软雅黑"; margin-bottom:10px; }
.kuan2{ background-color:#fff; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:122px;line-height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}
.wb17{ text-align:left; line-height:30px;}
.Button{ width:200px; height:36px; line-height:36px; text-align:center; color:#fff; background:#7d0303; margin:10px auto; font-family:"微软雅黑"; font-size:15px; border:0; outline:0; border-radius:36px; overflow:hidden; letter-spacing:5px; cursor:pointer;}
.kf02{ width:358px; height:270px; margin:20px auto;}

.lxfs{ margin:50px; width:420px; min-height:600px; float:right; background:#f9fafb; padding: 50px; font: 16px/40px "微软雅黑"; }

.footmap{ height:410px; border:10px solid #f9fafb; }




/* CSS Document */
.comm_content{overflow: hidden;padding-top: 10px;line-height: 180%;color: #333;}
.comm_content p{ margin: 10px 0;}
.comm_content img{ max-width: 100%;}
/*video_box*/
.video_box{ width: 680px; height: 100%!important; margin:0 auto; text-align: center; padding-top: 20px;}
.video_box iframe{width: 680px!important; height: 100%!important;}
.caseMenu{margin-bottom: 20px;}
/*page
#page{ overflow:hidden; font-size:12px;text-align:center; margin-bottom: 15px; clear: both; padding-top: 30px;}
#page a { text-decoration: none; display:inline-block; margin:0 2px; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 {width:56px; padding:0; background:#f8f8f8;}
#page a:hover {background:#24A5E6; border-color:#24A5E6; color:#fff; text-decoration:none; }
#page span {display:inline-block; margin:0 2px; height:30px;padding:0 12px; font-size:12px;line-height:30px; background:#24A5E6; border:1px solid #24A5E6; color:#fff; text-align:center; }
*/
/*pr_title 2018-3-7*/
.pr_title{padding: 27px 19px;background: #fff;font-size: 26px;color: #333333;position: relative;}


/*mobile page*/
#wappage{margin:.26rem .24rem; text-align:center; margin-bottom: 0; font-size:14px; clear:both; overflow:hidden;}
#wappage .pagemin{ display: inline-block;text-align: center; margin: 0 auto;}
#wappage a,#wappage span.morepage{padding:0 16px; height:36px; line-height:36px; background:#fff; border:1px solid #ddd; border-radius:3px; margin:0 2px; display:inline; float:left; color:#222;}
#wappage span,#wappage a:hover{ background:#24A5E6; border:1px solid #24A5E6; color:#fff; border-radius:4px; display:inline-block; float:left; margin:0 2px; padding:0 16px; height:36px; line-height:36px; text-decoration:none;}